<template>
  <main class="main-container">
    <!-- <router-view v-slot="{ Component }">
      <transition name="kapka" mode="out-in">
        <Component :is="Component"></Component>
      </transition>
    </router-view> -->
    <router-view></router-view>
  </main>
</template>

<style lang="scss">
.main-container {
  // height: 500px;
  // background-color: #bfa;
}

.kapka-leave-to,
.kapka-enter-from {
  opacity: 0;
}

// .kapka-leave-from,
// .kapka-enter-to {
//   opacity: 1;
// }

.kapka-enter-active,
.kapka-leave-active {
  transition: all 3s ease-out;
}
</style>